*{margin: 0;padding: 0;}
a{text-decoration: none;}
.carday_vs{
    width: 15rem;margin: 0 auto;
    font:14px "microsoft yahei";color: #333;
}
.carf_list,.carf_oi,.carg_i,.carg_nm p,.caro_li,.caro_ik_tit,.caro_ik{
    width: 100%;
    float: left;
}
.carf_oi{margin-top: .5rem;border:1px solid #cdcdcd;box-shadow:0px 0px 7px #b7b7b7;transition: all 0.3s;}
.carf_oi:hover{border:1px solid #92c7bd;box-shadow:0px 0px 7px #8aafa8;}
.carg_l_img{
    float: left;

}
.carg_l_img div{

    display: inline-block;
}

.carg_l_img span{
    font-size: 12px;
    font-weight: 400;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.carg_l_img img{
    /*padding: .375rem 1.25rem 1rem .5rem;*/

}



.carg_r_ex{float: left;}
.carg_nm{float:left;margin-top: .5rem;}
.carg_nm p span{float: left;}
.carg_nm p span:nth-child(1){font-size: 23px;color: #00B388;line-height: 1rem;}
.carg_nm p span i{display: inline-block;width:.5rem;height: .5rem;margin: .25rem 0 0 .5rem;float: left;}
.carg_nm p span b{float: left; line-height: 1rem;margin-left:.125rem;}

.carg_nm p:nth-child(2){font-size: 16px;}
.caro_li{margin-bottom: .5rem;}
.carg_kl{padding: 0 1.25rem;float: right;margin-top: .5rem;}
.carg_kl p:nth-child(1){font-size: .5rem;color: #FF8920;line-height: 1rem;}
.carg_kl p:nth-child(2){text-align: center;color: #666;}
.carg_kl p b{color: #FFAF3D;}
.caro_ik_tit{padding: .25rem 0;background: #F5F5F5;}
.hid_price {display: none;}
.caro_ik_tit span,.caro_ik span{width: 25%;float: left;text-align: center;}
.caro_ik span{margin-top: .375rem;}
.m_price{display: block !important;}
.caro_ik span a{display: inline-block;
    padding: 3px 15px;background: #3bbba4;color: #fff;border-radius: 3px;transition:all 0.3s;border-bottom: 3px solid #2da58f;}
.caro_ik span a:hover{background: #00B388;border-bottom:3px solid #018868;}
.caro_body{position: relative;}

.caro_jia{
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    left: 13.5rem;

    top: -3.5rem;
    background: url(../images/xialadianka_xuanzechexingi@1x.png) no-repeat;
    cursor: pointer;

   }

.border-but{
    border-bottom: 1px solid #b2b2b2;
    width: 14rem;
    margin: 0 auto;
    margin-top: 3rem;
}

@charset "utf-8";


*{
    margin: 0;
    padding: 0;
}
body{
    background: #f5f5f5;
}
header{
    height: 2.75rem;
    /*height: 126px;*/
    /*background-image: linear-gradient(to right,#f51f59,#691eb6);*/
    background-color: #16c59b;
}

header div{
    height: 2.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header div a.fa,header div {
    font-size: .3rem;
    color: white;
    text-align: center;
    font-weight: 400;
}
.dingwei{

    margin-left: .375rem;
}
.screen{
    margin-right: .375rem;
}
.head_1 p{
    font-size: .75rem;
    font-weight: 500;
    color: white;
}
.goods{
    margin: .725rem .5rem 5rem .5rem;
}
.mood{
    width: 15rem;
    border:1px solid #84dbc6;
    border-radius: .2rem;
    padding-bottom: .5rem;

}


.infortion div{
    display: inline-block;
    position: absolute;
    top: 3.8rem;
    margin-left: 1rem;
}

.che_xu{
    margin: .75rem 0rem 0rem .5rem;
}
.mold{
    font-size: .625rem;
}
.spec{
    display: inline-block;
}
.infortion h4{
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.type{
    position: relative;
    left: -.5rem;
    color: #999999;
    font-weight: 400;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.price{
    position: relative;
    font-size: .625rem;
    color: #f7a633;
    left: 5rem;

}
.show{
    position: relative;
    left: 8rem;
    top: -.75rem;
}
.dg_butt{
    width: 14rem;
    margin: 0 auto;
    border-top: 1px solid #dcdcdc;
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.longtu{
    width: 100%;
    margin-bottom: .2rem;


}
.longtu p{
    display: inline-block;
}
.longtu p:nth-child(1){
    width: .5rem;
    height: .5rem;
    background-color: #bdbdbd;
    border-radius: 50%;
    margin-left: .7rem;
}
.longtu p:nth-child(2){
    font-size: .5rem;
    padding-left: .25rem;
}
.longtu p:nth-child(3){
    color: #f7a633;
    font-size: .625rem;
    /*text-align: right;*/
    float: right;
    margin-right: .5rem;
}
.longtu_1{
    width: 100%;
}
.longtu_1 p{
    display: inline-block;
}
.longtu_1 p:nth-child(1){
    font-size: 12px;
    color: #999999;
    font-weight: 400;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    position: relative;
    left: -.2rem;
}
.longtu_1 p:nth-child(2){
    width: 2rem;
    height: .725rem;
    line-height: .725rem;
    background-color:#f7a633;
    text-align: center;
    float: right;
    margin-right: .4rem;
    border-radius: .2rem;
}
.longtu_1 a{
    color: white;
    font-size: .3rem;
}
.dg_butt_1{
    width: 14rem;
    margin: 0 auto;
    border-top: 1px solid #dcdcdc;
    /*padding-bottom: 1rem;*/
    /*padding: .5rem 0rem .5rem 0rem;*/
    margin-top: .375rem;
    margin-bottom: .375rem;


}
.spread{
    display: none;


}